import React, { Component } from "react";
import { Layout, Row, Col, Divider, Dropdown, Button } from 'antd';
import Nav from "./nav";
import { PicRightOutlined } from '@ant-design/icons';
const { Header } = Layout;


class MainHeader extends Component {
	render() {
		return <Header>
			<Row className="wrap">
				<Col md={6} xs={24}><h1 className="log">Zy</h1></Col>
				<Col md={18} xs={0}>
					<Divider type="vertical" className="headDivider" />
					<Nav mode={"horizontal"} className={"nav"} />
				</Col>
				<Col md={0} xs={24} className="xdNav">
					<Dropdown overlay={<Nav mode={"vertical"} className={"xdNav1"} trigger={["click", "touchend"]} />}>
						<Button icon={<PicRightOutlined />} />
					</Dropdown>
				</Col>
			</Row>
		</Header>
	}
}

export default MainHeader;